<template>
    <div class="nav">
        <div>
          <img src="img/xian.PNG" alt="">
        </div>
        <div class="nav-2">
          <router-link to="/hot">热映</router-link>
          <router-link to="/cinema">影院</router-link>
          <router-link to="/wait">待映</router-link>
          <router-link to="/classic">经典电影</router-link>
          
        </div>
        
        <div><img src="img/sousuo.PNG" alt=""></div>
        
    </div>
    
</template>

<script>
export default {

}
</script>

<style scoped>
    .nav{
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* margin-top: 113px; */
    position: fixed;
    top: 113px;
    background-color: white;
    z-index: 1;
  }
  .router-link-active{
        color: red;
    }
  .nav-2{
    width: 65%;
    /* display: flex; */
  }
 
  .nav-2 a{
   float: left;
   margin: 0 8px;
   line-height: 45px;
  }
</style>